<template>
	<view v-if="isZyPlayVideo == 1 ? true : false">
		<view class="uni-popup"
		v-if="!isShow"
		:class="isShow==true ? 'none' : 'block'"
		>
			<view class="popup-box">
				<view class="popup">
					<!-- 解密进度 -->
					<view class="top">
						<text class="top-text">已完成</text>
					</view>
					<view class="bottom">
						<text class="bottom-text-left">{{indexjindu}}</text>
						<text class="fenge">/</text>
						<text class="bottom-text-right">{{zongjindu}}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	//导入公用的非传参等事件，如打开弹窗、关闭弹窗等....
	//import componentsFunction from '../mixins/components.js'
	export default {
		//mixins:[componentsFunction],
		name:"JinDuLoading",
		props:{
			//总进度
			zongjindu:{
				type:Number,
				default:10
			},
			//当前进度
			indexjindu:{
				type:Number,
				default:1
			},
			//isShow关联的是autoVideo,开始自动播放
			//而用于后台配置的资源如果是“其他”，则就
			//不能用这个了，因为autoVideo同时也在监听
			//是否开始自动播放，所以这里又增加了个属性
			//isZyPlayVideo = 2 就不显示这个组件
			//是否关闭
			isShow:{
				type:Boolean,
				default:false
			},
			//后台配置的资源类型
			isZyPlayVideo:{
				type:Number,
				default:1
			}
		},
		data() {
			return {
				
			};
		},
		watch:{
			isShow:function(val){
				console.log("isShow --- JinDuLoading")
				console.log(val)
				
			}
		},
		methods:{
			
		}
		
	}
</script>

<style lang="scss">
	@import './JinDuLoading.scss';
</style>
